<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="initial-scale=1, width=device-width, maximum-scale=1, user-scalable=no">
	<meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1" media="(device-height: 568px)">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-touch-fullscreen" content="yes">
	<meta name="full-screen" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no">
	<meta name="format-detection" content="address=no">
	
	<!-- import CSS -->
	<link rel="stylesheet" href="assets/css/style.css">      
	<script src="assets/js/jquery.js"></script>
	
	<!-- import CSS -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui@2.4.4/lib/theme-chalk/index.css">   
    <!-- import Vue before Element -->
	<script src="assets/js/vue.js"></script>
	<!-- import JavaScript -->
	<script src="https://unpkg.com/element-ui/lib/index.js"></script>
	

</head>

<body>	
<!-- 顶部 -->
<div class="head">
	<div class="head_back"><a href="store.html"><img src="assets/images/arrow.png"></a></div>
    <div class="head_txt">添加商户</div>
</div>

<div class="store_main">
	<div class="binding_main">
		<div class="binding_tit">商户名称：</div>
	    <div class="binding_select"><input value="" placeholder="请输入"></div>
	    <div class="binding_tit">绑定登录手机号：</div>
	    <div class="binding_select"><input value="" placeholder="请输入"></div>
	    <div class="binding_tit">商户地址：</div>
	    <div class="binding_select">
	    	<select id="s_province" class="province" name="s_province"></select>  
    		<select id="s_city"  class="city" name="s_city" ></select>
    		<script src="assets/js/area.js" type="text/javascript"></script>
    		<script type="text/javascript">_init_area();</script>
	    </div>
	    <div class="binding_select"><input value="" placeholder="请输入详细地址"></div>
	    <div class="binding_tit">设置单价：</div>
	    <div class="binding_select"><input value="" placeholder="请输入"></div>	    
	    <div class="binding_tit">佣金比例：</div>
	    <div class="binding_select"><input value="" placeholder="请输入"></div>
	    <div class="binding_tit">门店图片：</div>
	    <div class="binding_select" style="height:auto;" id="app">
	    	<el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :on-preview="handlePreview" :on-remove="handleRemove" :file-list="fileList2" list-type="picture">
			  <el-button size="small" type="primary" class="fl">点击上传</el-button>
			  <div slot="tip" class="el-upload__tip load_notice">只能上传jpg/png文件，且不超过500kb</div>
			</el-upload>
	    </div>
	    <div class="binding_tit">营业时间：</div>
	    <div class="binding_select" id="time">
	    	<template>
			  <el-time-select class="begin_time" placeholder="起始时间" v-model="startTime" :picker-options="{
			      start: '08:30',
			      step: '00:15',
			      end: '18:30'
			    }">
			  </el-time-select>
			  <el-time-select class="end_time" placeholder="结束时间" v-model="endTime" :picker-options="{
			      start: '08:30',
			      step: '00:15',
			      end: '18:30',
			      minTime: startTime
			    }">
			  </el-time-select>
			</template>
	    </div>
	    <div class="binding_tit">归属地推</div>
	    <div class="binding_select">
	    	<select>
	    		<option>请选择</option>
	    		<option>地推1</option>
	    		<option>地推2</option>	    		
	    	</select>
	    </div>
	    <div class="binding_tit">门店电话：</div>
	    <div class="binding_select"><input value="" placeholder="请输入"></div>
	    <div class="binding_btn">	    	
	    	<button class="state_confirm">确认</button>
	    	<button>取消</button>
	    </div>
	</div>
</div>

</body>
</html>


<script>
	/*时间选择*/
    var Main = {
	    data() {
	      return {
	        startTime: '',
	        endTime: ''
	      };
	   	}
  	}
	var Ctor = Vue.extend(Main)
	new Ctor().$mount('#time')
	
	/*图片上传*/
	var Main = {
	    data() {
	      return {
	        fileList2: [{name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}]
	      };
	    },
	    methods: {
	      handleRemove(file, fileList) {
	        console.log(file, fileList);
	      },
	      handlePreview(file) {
	        console.log(file);
	      }
	    }
	  }
	var Ctor = Vue.extend(Main)
	new Ctor().$mount('#app')
</script>